<template lang='pug'>
.wrapper.ad_img_2b1b(v-if = "show")
  .b_left
    a(:href="data[0].linkUrl || 'javascript:;'")
      img(:src="data[0].picUrl | imgUrl", :alt="data[0].elementName")
    a(:href="data[2].linkUrl || 'javascript:;'")
      img(:src="data[2].picUrl | imgUrl", :alt="data[2].elementName")
  .b_right
    a(:href="data[1].linkUrl || 'javascript:;'")
      img(:src="data[1].picUrl | imgUrl", :alt="data[1].elementName")
</template>
<script>
export default {
  data () {
    return {
      show: true,
      data: []
    }
  },
  props: ['cdata'],
  created () {
    if (!this.cdata[0].tag) {
      this.show = false
      return
    }
    if (this.cdata[0].tag.length < 3) {
      this.show = false
      return
    }
    this.data = this.cdata[0].tag
  }
}
</script>
<style lang='scss' scoped>
@import './tool.scss';
.ad_img_2b1b {
  margin-top: 1px;
  width: to_rem(750px);
  height: to_rem(432px);
  a {
    box-sizing: border-box;
  }
  .b_left {
    width: to_rem(440px);
    height: 100%;
    box-sizing: border-box;
    float: left;
    border-right: 1px solid #f1f1f1;
    a {
      display: block;
      width: 100%;
      height: to_rem(216px);
      img {
        display: block;
        width: 100%;
        height: 100%;
      }
    }
    a:first-of-type {
      border-bottom: 1px solid #f1f1f1;
    }
  }
  .b_right {
    width: to_rem(310px);
    height: 100%;
    float: left;
    img {
      display: block;
      width: to_rem(310px);
      height: to_rem(432px);
    }
  }
}
</style>  